<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择服务人员</title>
</head>
<style>
    .bod {
        display: flex;
        width: 100%;
        height: 100px;
        border: 1px solid #d2d6de;
        /*justify-content: center;*/
    }
</style>
<body>
<form action="#" id="staff-form">
{volist name="staff" id="item" key="k"}
        <div style="padding: 10px">
                <div class="bod">
                    <div style="display: flex">
                        <div>
                            <img src="{$item.portraitimage}" alt="" style="width: 100px;height:100px;line-height: 100px; border-radius: 50px;">
                        </div>
                        <div style="line-height: 100px; margin-left: 20px;">
                            {$item.name} （{$item.rank_name}）
                        </div>
                    </div>
                    <div style="line-height: 100px;" >
                        <input type="radio" name="staff" value="{$item.id}">
                    </div>
                </div>
        </div>
{/volist}
</form>
</body>
</html>